<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script>			
			window.onresize=function(){				
				window.location.reload()				
			}			
			var widths=document.documentElement.clientWidth;			
			document.documentElement.style.fontSize=widths/25+"px"
		</script>
		<link rel="stylesheet" href="css/new_file.css" />
		<link rel="stylesheet" type="text/css" href="font/iconfont.css"/>
	</head>
	<body>
		<!---->
		<header>
			<div class="hea-le"><img src="img/logo.png" alt="" /></div>
			<div class="hea-zho">效果图</div>
			<div class="hea-ri">
				<ul>
					<li><p class="p1"></p><span class="iconfont icon-nav"></span><p>导航</p></li>
					<li><p class="p1"></p><span class="iconfont icon-user"></span><p>我的</p></li>
				</ul>
			</div>
		</header>
		<!---->
		<div class="box">
			<ul>
				<li><p>户型</p><span class="iconfont icon-down"></span></li>
				<li><p>区域</p><span class="iconfont icon-down"></span></li>
				<li><p>价格</p><span class="iconfont icon-down"></span></li>
				<li><p class="iconfont icon-search" style="font-size: 1.8rem;color: #36C892;"></p></li>
			</ul>
		</div>
		<!---->
		<div class="box1">
			<ul>
				<li>
					<img src="img/2017-09-12_151422.jpg" alt="" />
					<p class="p1">欧美文化的抽象美感</p>
					<p class="p2">混搭&nbsp; 三室 &nbsp; 1100/㎡</p>
				</li>
				<li>
					<img src="img/2017-09-12_151432.jpg" alt="" />
					<p class="p1">欧美文化的抽象美感</p>
					<p class="p2">混搭&nbsp; 三室 &nbsp; 1100/㎡</p>
				</li>
				<li>
					<img src="img/2017-09-12_151443.jpg" alt="" />
					<p class="p1">欧美文化的抽象美感</p>
					<p class="p2">混搭&nbsp; 三室 &nbsp; 1100/㎡</p>					
				</li>
				<li>
					<img src="img/2017-09-12_151456.jpg" alt="" />
					<p class="p1">欧美文化的抽象美感</p>
					<p class="p2">混搭&nbsp; 三室 &nbsp; 1100/㎡</p>
				</li>
				<li>
					<img src="img/2017-09-12_151509.jpg" alt="" />
					<p class="p1">欧美文化的抽象美感</p>
					<p class="p2">混搭&nbsp; 三室 &nbsp; 1100/㎡</p>
				</li>
				<li>
					<img src="img/2017-09-12_151527.jpg" alt="" />
					<p class="p1">欧美文化的抽象美感</p>
					<p class="p2">混搭&nbsp; 三室 &nbsp; 1100/㎡</p>
				</li>
				<li>
					<img src="img/2017-09-12_151536.jpg" alt="" />
					<p class="p1">欧美文化的抽象美感</p>
					<p class="p2">混搭&nbsp; 三室 &nbsp; 1100/㎡</p>
				</li>
				<li>
					<img src="img/2017-09-12_151544.jpg" alt="" />
					<p class="p1">欧美文化的抽象美感</p>
					<p class="p2">混搭&nbsp; 三室 &nbsp; 1100/㎡</p>
				</li>
				<li>
					<img src="img/2017-09-12_151554.jpg" alt="" />
					<p class="p1">欧美文化的抽象美感</p>
					<p class="p2">混搭&nbsp; 三室 &nbsp; 1100/㎡</p>
				</li>
				<li>
					<img src="img/2017-09-12_151443.jpg" alt="" />
					<p class="p1">欧美文化的抽象美感</p>
					<p class="p2">混搭&nbsp; 三室 &nbsp; 1100/㎡</p>
				</li>
				<li>
					<img src="img/2017-09-12_151509.jpg" alt="" />
					<p class="p1">欧美文化的抽象美感</p>
					<p class="p2">混搭&nbsp; 三室 &nbsp; 1100/㎡</p>
				</li>
				<li>
					<img src="img/2017-09-12_151527.jpg" alt="" />
					<p class="p1">欧美文化的抽象美感</p>
					<p class="p2">混搭&nbsp; 三室 &nbsp; 1100/㎡</p>
				</li>
				<li>
					<img src="img/2017-09-12_151536.jpg" alt="" />
					<p class="p1">欧美文化的抽象美感</p>
					<p class="p2">混搭&nbsp; 三室 &nbsp; 1100/㎡</p>
				</li>
				<li>
					<img src="img/2017-09-12_151544.jpg" alt="" />
					<p class="p1">欧美文化的抽象美感</p>
					<p class="p2">混搭&nbsp; 三室 &nbsp; 1100/㎡</p>
				</li>
				<li>
					<img src="img/2017-09-12_151554.jpg" alt="" />
					<p class="p1">欧美文化的抽象美感</p>
					<p class="p2">混搭&nbsp; 三室 &nbsp; 1100/㎡</p>
				</li>
				<li>
					<img src="img/2017-09-12_151443.jpg" alt="" />
					<p class="p1">欧美文化的抽象美感</p>
					<p class="p2">混搭&nbsp; 三室 &nbsp; 1100/㎡</p>
				</li>
				<li>
					<img src="img/2017-09-12_151422.jpg" alt="" />
					<p class="p1">欧美文化的抽象美感</p>
					<p class="p2">混搭&nbsp; 三室 &nbsp; 1100/㎡</p>
				</li>
				<li>
					<img src="img/2017-09-12_151432.jpg" alt="" />
					<p class="p1">欧美文化的抽象美感</p>
					<p class="p2">混搭&nbsp; 三室 &nbsp; 1100/㎡</p>
				</li>
				<li>
					<img src="img/2017-09-12_151443.jpg" alt="" />
					<p class="p1">欧美文化的抽象美感</p>
					<p class="p2">混搭&nbsp; 三室 &nbsp; 1100/㎡</p>					
				</li>
				<li>
					<img src="img/2017-09-12_151456.jpg" alt="" />
					<p class="p1">欧美文化的抽象美感</p>
					<p class="p2">混搭&nbsp; 三室 &nbsp; 1100/㎡</p>
				</li>
				<li>
					<img src="img/2017-09-12_151509.jpg" alt="" />
					<p class="p1">欧美文化的抽象美感</p>
					<p class="p2">混搭&nbsp; 三室 &nbsp; 1100/㎡</p>
				</li>
				<li>
					<img src="img/2017-09-12_151527.jpg" alt="" />
					<p class="p1">欧美文化的抽象美感</p>
					<p class="p2">混搭&nbsp; 三室 &nbsp; 1100/㎡</p>
				</li>
				<li>
					<img src="img/2017-09-12_151536.jpg" alt="" />
					<p class="p1">欧美文化的抽象美感</p>
					<p class="p2">混搭&nbsp; 三室 &nbsp; 1100/㎡</p>
				</li>
				<li>
					<img src="img/2017-09-12_151443.jpg" alt="" />
					<p class="p1">欧美文化的抽象美感</p>
					<p class="p2">混搭&nbsp; 三室 &nbsp; 1100/㎡</p>					
				</li>
			</ul>
		</div>
		<!---->
		<div class="box2">
			<button class="but1">上一页</button>
			<button class="but2">2/30</button>
			<button class="but1">下一页</button>
		</div>
		<!---->
		<div class="box9 boxx">
			<div>
				<p>
					房先森互联网家装有别于传统公司与其他装修中介平台，以自营模式整合设计师与项目经理，杜绝项目转外包，利用
				互联网将工地进行在线全景直播，通过去中间环节，提供装修套餐+个性化定制服务。
				</p>
			</div>
		</div>
		<!---->
		<footer>
			<div><p class="iconfont icon-hot-line" style="font-size: 1.4rem;"></p><span> &nbsp;服务热线：400-9977-658</span></div>
			<ul>
				<li style="color:#39C893;">触屏版</li>
				<li>电脑版</li>
				<li>关于我们</li>
				<li>联系我们</li>
			</ul>
		</footer>
		<!---->
		<div class="mb">
			<img src="img/icon_close.png" alt="" class="img1"/>
			<img src="img/icon_logo.png" alt="" class="img2"/>
			<p class="p1">装修报价，只需10秒</p>
			<p class="p2">免费为您算得装修预算</p>
			<button>免费获取金币</button>
		</div>
	</body>
	
	<script>
		var img1=document.getElementsByClassName("img1")[0]
		var mb=document.getElementsByClassName("mb")[0]
		img1.onclick=function(){
			mb.style.display="none"
		}
	</script>
</html>
